<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,user-scalable=no">

    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/hotels.css">
    <link rel="stylesheet" href="css/viewspot.css">
    <link href="css/jquery.slideBox.css" rel="stylesheet"  />

    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>

    <script src="js/jquery.js"></script>
    <script src="js/share.js"></script>

    <title>景点列表</title>

</head>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.slideBox.min.js"></script>
<script>

    jQuery(function($){

        $('#demo2').slideBox({
            direction : 'top',//left,top#方向
            duration : 0.2,//滚动持续时间，单位：秒
            easing : 'linear',//swing,linear//滚动特效
            delay : 3,//滚动延迟时间，单位：秒
            startIndex : 1//初始焦点顺序
        });

    });
</script>

<body>
<div class="wrapper">
    <!--header start-->
    <div class="header">
        <div class="search_box">
            <div class="header_back"><a href="#"><img src="images/header_back.png"></a></div>
            <div class="search">
                <div class="search_btn"></div>
                <input type="text" placeholder="输入目的地/景点/酒店自由行...">

            </div>
            <div id="cat" class="header_tel"><a href="#"><img src="images/top_category.png"></a>

                </div>
            </div>
        </div>
        <!--header end-->

    </div>
    <div class="wrapper_middle">

        <!--slides start-->


            <div id="demo2" class="slideBox">
                <ul class="items">
                    <li><a href="" ><img src="images/ban1.jpg" style="height: 200px"></a></li>
                    <li><a href="" ><img src="images/ban2.jpg"style="height: 200px"></a></li>
                    <li><a href="" ><img src="images/ban3.jpg"style="height: 200px"></a></li>
                    <li><a href="" ><img src="images/ban4.jpg"style="height:200px"></a></li>
                    <li><a href="" ><img src="images/ban5.jpg"style="height: 200px"></a></li>
                </ul>
            </div>



        <div class="hotour">
            <div class="hot"><img class="hotour_img"  src="images/jd_arr1.png"/>热门景点</div>
            <div class="our"><img class="hotour_img" src="images/jd_arr2.png"/>我身边</div>
        </div>

        <div class="blank"></div>



        <!--slides end-->


        <div class="navis_kk">
            <div id="navis" class="navis">
                <div id ="a" class="drawer close">位置区域</div>

                <div class="drawer close">达人推荐</div>
                <div class="drawer close">全部主题</div>


                <div class="subNav hidden">
                    <p class="coll_bg_a"></p>
                    <div class="subNav_list">
                        <div class="MenuList clearfix">
                            <div class="nav_list">
                                <ul>
                                    <li class="first_name">全部地区</li>
                                    <li>鹿城区</li>
                                    <li>龙湾区</li>
                                    <li>瓯海区</li>

                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="subNav hidden">
                    <p class="coll_bg_a"></p>
                    <div class="subNav_list">
                        <div class="MenuList clearfix">
                            <div class="nav_list">
                                <ul>
                                    <li class="first_name">达人推荐</li>
                                    <li>亲子农庄</li>
                                    <li>激情漂流</li>
                                    <li>山水景观</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="subNav hidden">
                    <p class="coll_bg_a"></p>
                    <div class="subNav_list">
                        <div class="MenuList clearfix">
                            <div class="nav_list">
                                <ul>
                                    <li class="first_name">全部主题</li>
                                    <li>山水景观</li>
                                    <li>温泉度假</li>
                                    <li>酷夏漂流</li>
                                    <li>亲子庄园</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

            </div>


            <!--tickets start-->
            <section class="tickets_box">

                <dl class="tickets" onfocus="this.blur();" onClick="location.href='#'" >
                    <dt><img class="tickets_img_v" src="images/size_pic.jpg"></dt>
                    <dd>
                        <h3>洞头望海楼景区</h3>

                        <div  style="height: 2rem" >
                            <font class="tickets_marking_v">
                                <span class="tickets_marking_f">返</span>
                                <span class="tickets_marking_q">券</span>
                            </font>
                            <font class="tickets_newprice_v"><span class="yuan">&yen;</span><span class="newprice">100</span><span class="qi">起</span></font>
                        </div>

                        <div class="tickets_price_v">
                            <font class="tickets_category_v">风景名胜</font>
                            <font class="tickets_price_v"><s>￥160.0</s></font><br/>
                        </div>

                        <p class="tickets_number">已售2008</p>
                    </dd>
                </dl>





                <dl class="tickets" onfocus="this.blur();" onClick="location.href='#'" >
                    <dt><img class="tickets_img_v"src="images/size_pic.jpg"></dt>
                    <dd>
                        <h3>洞头望海楼景区</h3>

                        <div  style="height: 2rem" >
                            <font class="tickets_marking_v">
                                <span class="tickets_marking_f">返</span>
                                <span class="tickets_marking_q">券</span>
                            </font>
                            <font class="tickets_newprice_v"><span class="yuan">&yen;</span><span class="newprice">100</span><span class="qi">起</span></font>
                        </div>

                        <div class="tickets_price_v">
                            <font class="tickets_category_v">风景名胜</font>
                            <font class="tickets_price_v"><s>￥160.0</s></font><br/>
                        </div>

                        <p class="tickets_number">已售2008</p>
                    </dd>
                </dl>



                <dl class="tickets" onfocus="this.blur();" onClick="location.href='#'" >
                    <dt><img class="tickets_img_v"src="images/size_pic.jpg"></dt>
                    <dd>
                        <h3>洞头望海楼景区</h3>

                        <div  style="height: 2rem" >
                            <font class="tickets_marking_v">
                                <span class="tickets_marking_f">返</span>
                                <span class="tickets_marking_q">券</span>
                            </font>
                            <font class="tickets_newprice_v"><span class="yuan">&yen;</span><span class="newprice">100</span><span class="qi">起</span></font>
                        </div>

                        <div class="tickets_price_v">
                            <font class="tickets_category_v">风景名胜</font>
                            <font class="tickets_price_v"><s>￥160.0</s></font><br/>
                        </div>

                        <p class="tickets_number">已售2008</p>
                    </dd>
                </dl>
            </section>
            <!--tickets end-->

            <a href="#nogo" id="get-more">点击加载更多&gt;&gt;</a>
        </div>


    </div>
    <a href="#nogo" id="go-top">返回顶部</a>
    <!--footer start-->
    <footer>
        <ul>
            <li><a href="https://www.baidu.com/"><span></span>首页</a></li>
            <li><a href="#"><span></span>发现</a></li>
            <li><a href="#"><span></span>特惠</a></li>
            <li><a href="#"><span></span>我的</a></li>
        </ul>
    </footer>
    <!--footer end-->
</div>
</body>
</html>